/* Custom 5-column layout for large screens */
@media (min-width: 992px) {
  .col-custom {
    width: 20%;
    float: left;
    padding: 15px;
  }
}

/* Tablet: 2 per row */
@media (min-width: 768px) and (max-width: 991.98px) {
  .col-custom {
    width: 50%;
    float: left;
    padding: 15px;
  }
}

/* Mobile: 1 per row */
@media (max-width: 767.98px) {
  .col-custom {
    width: 100%;
    float: left;
    padding: 15px;
  }
}